<template>
  <div>
    <!-- 另一种在组件内实现 v-model 的方式是使用一个可写的 computed property，给出 getter 和 setter，get 方法需返回 modelValue property 而 set 方法需触发相应的事件 -->
    <input type="text" v-model="value">
  </div>
</template>

<script setup>
import { computed } from 'vue'
const props = defineProps(['modelValue'])
const emit = defineEmits(['update:modelValue'])

const value = computed({
  get() {
    return props.modelValue
  },
  set(value) {
    emit('update:modelValue', value)
  }
})

</script>

<style scoped>

</style>